<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<style>
		#sql_div{
			width: 200px;
			height: 200px;
			background: red;
		}

		
	
		
	
	</style>

</head>
<body>
	<script>

		$(document).ready(function(e){
			$('#sql_button').on('click',function(){
				// 生成一个按钮
				$('#sql_div').append("<input type='button' id='button_sql_editor' value='查看'>");
				
			});
		});
	</script>

	<!-- <script>
		// 此处操纵动态生成的按钮
		$(document).on('click','#button_sql_editor',function(){
			console.log(1);
			$('#button_sql_editor').hide();
		});
	</script> -->

	<div id='sql_div' align="right">
		<input type="button" id='sql_button' value='确定'>
	</div>
</body>
</html>